<!DOCTYPE html>
<title>Test that line height of cue element isn't overridden by author CSS.</title>
<script src="../media-controls.js"></script>
<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
<style>
body { line-height: 108px; }
</style>
<video>
    <track src="captions-webvtt/captions-snap-to-lines-set.vtt" kind="captions" default>
</video>
<script>
async_test(function(t) {
    var video = document.querySelector('video');
    video.src = '../content/test.ogv';

    video.onseeked = t.step_func_done(function() {
        var multiLineCueDisplayElement = textTrackDisplayElement(video);
        assert_equals(getComputedStyle(multiLineCueDisplayElement).lineHeight, 'normal');
    });

    video.currentTime = 1.25;
});
</script>